<!DOCTYPE html>
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="baidu-site-verification" content="Vy5Y37FCpH" />
    <title>精品房源-星海STARSEA-瑞麦（RE/MAX）日本公司，日本房产投资-日本购房-日本留学置业</title>
    <meta name="keywords" content="星海,STARSEA,瑞麦日本,RE/MAX日本,日本房产投资,日本购房,日本留学置业,海外地产投资,国外地产投资,日本地产投资">
    <meta name="description"
          content="星海STARSEA株式会社是瑞麦（RE/MAX）在日本东京的第7家合作公司，专注于日本房产投资、日本购房、日本留学置业，致力于为华人提供优质的日本地产投资和其他海外地产投资咨询服务">
    <!--请在这里更换 favicon-->
    <link rel="shortcut icon" href="img/favicon.ico">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/zico.min.css">
    <link rel="stylesheet" href="css/pageCss/base.css">
    <link rel="stylesheet" href="css/pageCss/globalHouse.css">
    <script>
        //百度统计
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");

            hm.src = "https://hm.baidu.com/hm.js?35fa6b5daf10a4065cab1f14e9bfd1e2";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-150530945-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'UA-150530945-1');
    </script>
</head>
<body>
<div id="global_house" v-cloak>
    <!--导航栏-->
    <nav class="container-fluid navbar p-0 navbar-expand-lg bg-navbar d-lg-flex d-xl-flex d-none d-sm-none d-md-none">
        <div class="navbar container px-0">
            <a href="index.html" class="navbar-brand mr-5">
                <img src="img/pc/home/logo.png" alt="">
            </a>
            <a href="index.html" class="nav-item nav-link text-white ml-5 home"><h5 class="navbar-text">首页</h5></a>
            <a href="globalHouse.html" class="nav-item nav-link text-white navActive"><h5 class="navbar-text">精品房源</h5>
            </a>
            <div class="position-relative tagger-menu">
                <a href="information.html?type=5" class="nav-item nav-link text-white">
                    <h5 class="navbar-text">经纪团队</h5>
                </a>
                <ul class="menu-list">
                    <li class="menu-list-content" v-for="item in menuData.brokeTeam">
                        <a :href="'information.html?type=5&menuCol='+item.dictValue" class="menu-list-content-a">{{item.dictLabelOrig}}</a>
                    </li>
                </ul>
            </div>
            <div class="position-relative tagger-menu">
                <a href="information.html?type=2" class="nav-item nav-link text-white">
                    <h5 class="navbar-text">咨讯百科</h5>
                </a>
                <ul class="menu-list">
                    <li class="menu-list-content" v-for="item in menuData.inforMation">
                        <a :href="'information.html?type=2&menuCol='+item.dictValue" class="menu-list-content-a">{{item.dictLabelOrig}}</a>
                    </li>
                </ul>
            </div>
            <div class="position-relative tagger-menu">
                <a href="information.html?type=3" class="nav-item nav-link text-white">
                    <h5 class="navbar-text">新闻动态</h5>
                </a>
                <ul class="menu-list">
                    <li class="menu-list-content" v-for="item in menuData.news">
                        <a :href="'information.html?type=3&menuCol='+item.dictValue" class="menu-list-content-a">{{item.dictLabelOrig}}</a>
                    </li>
                </ul>
            </div>
            <a href="contact.html" class="nav-item nav-link text-white"><h5 class="navbar-text">联系我们</h5></a>
        </div>
    </nav>
    <!--导航栏--移动站-->
    <nav class="bg-navbar d-xl-none d-lg-none d-md-block d-sm-block mask-ele">
        <a href="index.html" class="navbar-brand vertical-middle mr-5">
            <img src="img/pc/home/logo.png" alt="">
        </a>
        <a href="#" class="menu"><i
                class="zi zi_alignjustify iBigSize mobile-nav-i clearfix float-right text-white"></i></a>
    </nav>
    <div class="mask position-fixed"></div>
    <ul class="list-group list-group-flush container-fluid p-0 modal-box-ul mask-ele position-absolute">
        <li class="list-group-item border-0 modal-box-ul-li-bg">
            <a href="index.html" class="mx-3 px-2 py-1 border-bottom d-block text-white noDecoration">首页</a>
        </li>
        <li class="list-group-item border-0 modal-box-ul-li-bg">
            <a href="globalHouse.html" class="mx-3 px-2 py-1 border-bottom d-block text-white noDecoration">精品房源</a>
        </li>
        <li class="list-group-item border-0 modal-box-ul-li-bg">
            <a href="information.html?type=5"
               class="mx-3 px-2 py-1 d-block border-bottom text-white noDecoration">经纪团队
            </a>
            <ul class=" list-unstyled pl-4">
                <li v-for="item in menuData.brokeTeam">
                    <a :href="'information.html?type=5&menuCol='+item.dictValue"
                       class="mx-3 px-2 py-1 border-bottom d-block text-white noDecoration">{{item.dictLabelOrig}}</a>
                </li>
            </ul>
        </li>
        <li class="list-group-item border-0 modal-box-ul-li-bg">
            <a href="information.html?type=2"
               class="mx-3 px-2 py-1 border-bottom d-block text-white noDecoration">咨讯百科</a>
            <ul class=" list-unstyled pl-4">
                <li v-for="item in menuData.inforMation">
                    <a :href="'information.html?type=2&menuCol='+item.dictValue"
                       class="mx-3 px-2 py-1 border-bottom d-block text-white noDecoration">{{item.dictLabelOrig}}</a>
                </li>
            </ul>
        </li>
        <li class="list-group-item border-0 modal-box-ul-li-bg">
            <a href="information.html?type=3"
               class="mx-3 px-2 py-1 border-bottom d-block text-white noDecoration">新闻动态</a>
            <ul class=" list-unstyled pl-4">
                <li v-for="item in menuData.news">
                    <a :href="'information.html?type=3&menuCol='+item.dictValue"
                       class="mx-3 px-2 py-1 border-bottom d-block text-white noDecoration">{{item.dictLabelOrig}}</a>
                </li>
            </ul>
        </li>
        <li class="list-group-item border-0 modal-box-ul-li-bg">
            <a href="contact.html" class="mx-3 px-2 py-1 d-block text-white noDecoration">联系我们</a>
        </li>
    </ul>
    <!--当前位置-->
    <div class="container currentPosition px-0 d-none d-sm-block d-md-block d-lg-block d-xl-block">
        <span>您当前的位置:</span>
        <a href="index.html" class="noDecoration">首页</a>
        <span class="px-2">&gt;</span>
        <a href="globalHouse.html" class="noDecoration">精品房源</a>
    </div>
    <!--过滤-->
        <div class="container px-0 filtrate mt-3 d-none d-sm-block d-md-block d-lg-block d-xl-block">
            <!--<nav>
                <ol class="breadcrumb bg-transparent px-0 mb-0">
                    <li class="breadcrumb-item">需求:</li>
                    <li class="breadcrumb-item filtrateActive px-2"  @click="queryHouseByCondition('',1)">
                        <a  :class="'noDecoration' + (parama.currentStatus?'':' filtrateActive')">不限</a>
                    </li>
                    <li class="breadcrumb-item px-2"  v-for="item in dictCondition.currentStatus" @click="queryHouseByCondition(item.dictValue,1)">
                        <a :class="'noDecoration' + (parama.currentStatus == item.dictValue?' filtrateActive':'')" >{{item.dictLabelOrig}}</a>
                    </li>
                </ol>
            </nav>-->
            <nav>
                <ol class="breadcrumb bg-transparent px-0 mb-0">
                    <li class="breadcrumb-item">地区:</li>
                    <li class="breadcrumb-item filtrateActive px-2" @click="queryHouseByCondition('',2)">
                        <a :class="'noDecoration' + (parama.areaCondition?'':' filtrateActive')">不限</a></li>
                    <li class="breadcrumb-item px-2" v-for="item in dictCondition.areaCondition"
                        @click="queryHouseByCondition(item.dictValue,2)">
                        <a :class="'noDecoration' + (parama.areaCondition == item.dictValue?' filtrateActive':'')">{{item.dictLabelOrig}}</a>
                    </li>
                </ol>
            </nav>
            <nav>
                <ol class="breadcrumb bg-transparent px-0 mb-0">
                    <li class="breadcrumb-item">类型:</li>
                    <li class="breadcrumb-item filtrateActive px-2" @click="queryHouseByCondition('',3)">
                        <a :class="'noDecoration' + (parama.propertyType?'':' filtrateActive')">不限</a></li>
                    <li class="breadcrumb-item px-2" v-for="item in dictCondition.propertyType"
                        @click="queryHouseByCondition(item.dictValue,3)">
                        <a :class="'noDecoration' + (parama.propertyType == item.dictValue?' filtrateActive':'')">{{item.dictLabelOrig}}</a>
                    </li>
                </ol>
            </nav>
            <nav>
                <ol class="breadcrumb bg-transparent px-0">
                    <li class="breadcrumb-item">用途:</li>
                    <li class="breadcrumb-item filtrateActive px-2" @click="queryHouseByCondition('',4)">
                        <a :class="'noDecoration' + (parama.useCondition?'':' filtrateActive')">不限</a></li>
                    <li class="breadcrumb-item px-2" v-for="item in dictCondition.useCondition"
                        @click="queryHouseByCondition(item.dictValue,4)">
                        <a :class="'noDecoration' + (parama.useCondition == item.dictValue?' filtrateActive':'')">{{item.dictLabelOrig}}</a>
                    </li>
                </ol>
            </nav>
        </div>
        <!--过滤--移动站-->
        <div class="container filtrateMobile mask-ele  d-xl-none d-lg-none d-md-none d-sm-none">
            <nav>
                <ol class="breadcrumb bg-transparent d-flex justify-content-between px-0 mb-0 mobile-filtrate">
                    <!--<li class="breadcrumb-item"><a class="noDecoration" >需求 <i class="zi zi_pathDown"></i></a></li>-->
                    <li class="breadcrumb-item"><a class="noDecoration">地区 <i class="zi zi_pathDown"></i></a></li>
                    <li class="breadcrumb-item"><a class="noDecoration">类型 <i class="zi zi_pathDown"></i></a></li>
                    <li class="breadcrumb-item"><a class="noDecoration">用途 <i class="zi zi_pathDown"></i></a></li>
                </ol>
            </nav>
        </div>
        <div class="mask3 container-fluid px-0 position-fixed">
            <!--<ul class="list-group mobile-filtrate-option">
                <li class="list-group-item px-3"  @click="queryHouseByCondition('',1)"><a  class="noDecoration">不限<span class="float-right" v-show="!parama.currentStatus">√</span></a>
                </li>
                <li class="list-group-item px-3" v-for="item in dictCondition.currentStatus" @click="queryHouseByCondition(item.dictValue,1)">
                    <a  class="noDecoration">{{item.dictLabelOrig}}<span class="float-right" v-show="parama.currentStatus == item.dictValue">√</span></a>
                </li>
            </ul>-->
            <ul class="list-group mobile-filtrate-option">
                <li class="list-group-item px-3" @click="queryHouseByCondition('',2)"><a class="noDecoration">不限<span
                        class="float-right" v-show="!parama.areaCondition">√</span></a>
                </li>
                <li class="list-group-item px-3" v-for="item in dictCondition.areaCondition"
                    @click="queryHouseByCondition(item.dictValue,2)">
                    <a class="noDecoration">{{item.dictLabelOrig}}<span class="float-right"
                                                                        v-show="parama.areaCondition == item.dictValue">√</span></a>
                </li>
            </ul>
            <ul class="list-group mobile-filtrate-option">
                <li class="list-group-item px-3" @click="queryHouseByCondition('',3)"><a class="noDecoration">不限<span
                        class="float-right" v-show="!parama.propertyType">√</span></a>
                </li>
                <li class="list-group-item px-3" v-for="item in dictCondition.propertyType"
                    @click="queryHouseByCondition(item.dictValue,3)">
                    <a class="noDecoration">{{item.dictLabelOrig}}<span class="float-right"
                                                                        v-show="parama.propertyType == item.dictValue">√</span></a>
                </li>
            </ul>
            <ul class="list-group mobile-filtrate-option">
                <li class="list-group-item px-3" @click="queryHouseByCondition('',4)"><a class="noDecoration">不限<span
                        class="float-right" v-show="!parama.useCondition">√</span></a>
                </li>
                <li class="list-group-item px-3" v-for="item in dictCondition.useCondition"
                    @click="queryHouseByCondition(item.dictValue,4)">
                    <a class="noDecoration">{{item.dictLabelOrig}}<span class="float-right"
                                                                        v-show="parama.useCondition == item.dictValue">√</span></a>
                </li>
            </ul>
        </div>
        <!--房屋信息-->
        <div class="container px-0 my-5 d-sm-block d-none">
            <div class="card-deck" v-for="(item,index) in house.list" v-if="index % 4 == 0">
                <!-- 无数据显示图片需要在此嵌套一个如下样例标签，下面手机端同样如此 -->
                <!--
                    <div class="img">
                        <img src="../../../xx.png"/>
                    </div>
                -->
                <div class="card border-0">
                    <a :href="house.list[index].id+'.html'" class="noDecoration"
                       v-if="index < house.list.length">
                        <img class="card-img-top" :src="house.list[index].pics.split('|')[0]" alt="Card image cap">
                        <div class="card-body px-0 house">
                            <h5 class="card-title">{{house.list[index].title}}</h5>
                            <p class="text-muted mb-0">{{house.list[index].price }}&nbsp;&nbsp;{{house.list[index].houseType}}</p>
                            <p class="text-muted mb-0" v-if="house.list[index].rateOfReturn">投资回报率：{{house.list[index].rateOfReturn}}&nbsp;%</p>
                            <p class="text-muted mb-0">{{house.list[index].addr}}</p>
                        </div>
                    </a>
                </div>
                <div class="card border-0">
                    <a :href="house.list[index+1].id+'.html'" class="noDecoration"
                       v-if="index+1 < house.list.length">
                        <img class="card-img-top" :src="house.list[index+1].pics.split('|')[0]" alt="Card image cap">
                        <div class="card-body px-0 house">
                            <h5 class="card-title">{{house.list[index+1].title}}</h5>
                            <p class="text-muted mb-0">{{house.list[index+1].price }}&nbsp;&nbsp;{{house.list[index+1].houseType}}</p>
                            <p class="text-muted mb-0" v-if="house.list[index+1].rateOfReturn">投资回报率：{{house.list[index+1].rateOfReturn}}&nbsp;%</p>
                            <p class="text-muted mb-0">{{house.list[index+1].addr}}</p>
                        </div>
                    </a>
                </div>
                <div class="card border-0">
                    <a :href="house.list[index+2].id+'.html'" class="noDecoration"
                       v-if="index+2 < house.list.length">
                        <img class="card-img-top" :src="house.list[index+2].pics.split('|')[0]" alt="Card image cap">
                        <div class="card-body px-0 house">
                            <h5 class="card-title">{{house.list[index+2].title}}</h5>
                            <p class="text-muted mb-0">{{house.list[index+2].price }}&nbsp;&nbsp;{{house.list[index+2].houseType}}</p>
                            <p class="text-muted mb-0" v-if="house.list[index+2].rateOfReturn">投资回报率：{{house.list[index+2].rateOfReturn}}&nbsp;%</p>
                            <p class="text-muted mb-0">{{house.list[index+2].addr}}</p>
                        </div>
                    </a>
                </div>
                <div class="card border-0">
                    <a :href="house.list[index+3].id+'.html'" class="noDecoration"
                       v-if="index+3 < house.list.length">
                        <img class="card-img-top" :src="house.list[index+3].pics.split('|')[0]" alt="Card image cap">
                        <div class="card-body px-0 house">
                            <h5 class="card-title">{{house.list[index+3].title}}</h5>
                            <p class="text-muted mb-0">{{house.list[index+3].price }}&nbsp;&nbsp;{{house.list[index+3].houseType}}</p>
                            <p class="text-muted mb-0" v-if="house.list[index+3].rateOfReturn">投资回报率：{{house.list[index+3].rateOfReturn}}&nbsp;%</p>
                            <p class="text-muted mb-0">{{house.list[index+3].addr}}</p>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <div class="container px-0 mt-3 mobile-houseMessage">
            <div class="card-deck d-sm-none justify-content-between flex-row" v-for="(item,index) in house.list"
                 v-if="index % 2 == 0">
                <div class="card border-0 col-6" v-if="index < house.list.length">
                    <a :href="house.list[index].id+'.html'" class="noDecoration">
                        <img class="card-img-top" :src="house.list[index].pics.split('|')[0]" alt="Card image cap">
                        <div class="card-body px-0">
                            <h5 class="card-title">{{house.list[index].title}}</h5>
                            <p class="text-muted mb-0">{{house.list[index].price }}&nbsp;&nbsp;{{house.list[index].houseType}}</p>
                            <p class="text-muted mb-0" v-if="house.list[index].rateOfReturn">回报率：{{house.list[index].rateOfReturn}}&nbsp;%</p>
                            <p class="text-muted mb-0">{{house.list[index].addr}}</p>
                        </div>
                    </a>
                </div>
                <div class="card border-0 col-6" v-if="index+1 < house.list.length">
                    <a :href="house.list[index+1].id+'.html'" class="noDecoration">
                        <img class="card-img-top" :src="house.list[index+1].pics.split('|')[0]" alt="Card image cap">
                        <div class="card-body px-0">
                            <h5 class="card-title">{{house.list[index+1].title}}</h5>
                            <p class="text-muted mb-0">{{house.list[index+1].price }}&nbsp;&nbsp;{{house.list[index+1].houseType}}</p>
                            <p class="text-muted mb-0" v-if="house.list[index+1].rateOfReturn">回报率：{{house.list[index+1].rateOfReturn}}&nbsp;%</p>
                            <p class="text-muted mb-0">{{house.list[index+1].addr}}</p>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <!--分页器-->
        <div class="container px-0 mb-5 paging d-none d-sm-block">
            <nav aria-label="Page navigation example">
                <ul class="pagination justify-content-center">
                    <li class="page-item mx-xl-3 mx-lg-2 mx-md-1 mx-sm-1">
                        <a class="page-link" href="javascript:;" tabindex="-1" @click="pageQuery(house.first)">首页</a>
                    </li>
                    <li class="page-item mx-xl-3 mx-lg-2 mx-md-1 mx-sm-1">
                        <a class="page-link" href="javascript:;" @click="pageQuery(house.prev)">上一页</a>
                    </li>
                    <li class="page-item mx-xl-3 mx-lg-2 mx-md-1 mx-sm-1" v-for="item in house.last">
                        <a :class="'page-link' + (parama.pageNo == item ? ' pagingActive':'')" href="javascript:;"
                           @click="pageQuery(item)">{{item}}</a>
                    </li>
                    <li class="page-item mx-xl-3 mx-lg-2 mx-md-1">
                        <a class="page-link" href="javascript:;" @click="pageQuery(house.next)">下一页</a>
                    </li>
                    <li class="page-item mx-xl-3 mx-lg-2 mx-md-1 mx-sm-1">
                        <a class="page-link" href="javascript:;" @click="pageQuery(house.last)">尾页</a>
                    </li>
                </ul>
            </nav>
        </div>

        <!--移动端--加载更多/没有更多-->
        <!--这里请注意一下-->
        <div class="container px-5 d-block d-sm-none mb-3">
            <!--这里显示    向下双箭头    (默认显示,如果想要隐藏请在 class 里添加 d-none)    注意切换-->
            <div class="text-center">
                <a v-show="house.pageNo != house.first" href="javascript:;" class="noDecoration"
                   @click="pageQuery(house.prev)">
                    <i class="zi zi_doubleUp  mx-auto text-center iMiddleSize text-muted"></i>
                </a>
                <span v-show="house.pageNo != house.first && house.pageNo != house.last">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                <a v-show="house.pageNo != house.last" href="javascript:;" class="noDecoration"
                   @click="pageQuery(house.next)">
                    <i class="zi zi_doubleDown  mx-auto text-center iMiddleSize text-muted"></i>
                </a>
            </div>

            <!--这里显示    没有更多可以显示    (默认隐藏,如果想要显示请在 class 里去掉 d-none)    注意切换-->
            <p v-show="house.pageNo == house.last" class="noDecoration text-muted text-center">没有更多可以显示</p>
        </div>
</div>
<div id="message" v-cloak>
    <!--在线留言-->
    <msg-content></msg-content>
</div>
<script src="js/tools/jquery-3.3.1.min.js"></script>
<script src="js/tools/popper.min.js"></script>
<script src="js/tools/bootstrap.min.js"></script>
<script src="js/tools/vue.min.js"></script>
<script src="js/tools/vue-resource.js"></script>
<script src="common/base.js"></script>
<script src="js/page_js/globalHouse.js"></script>
<script src="js/tools/illya.tool.js"></script>
<script>
    let mobileFiltrate = document.querySelector('.mobile-filtrate').children;
    let option = document.querySelectorAll('.mobile-filtrate-option');

    for (let i = 0; i < mobileFiltrate.length; i++) {
        mobileFiltrate[i].index = i;
        mobileFiltrate[i].onclick = function () {
            $(document.body).css({
                "overflow-y": "hidden"
            });
            $('.mask3').fadeIn();
            for (let j = 0; j < mobileFiltrate.length; j++) {
                $(option[j]).css('display', 'none');
            }
            $(option[i]).fadeIn();
            $('.mask3').click(function () {
                $(option[i]).fadeOut();
                $(this).fadeOut();
                $(document.body).css({
                    "overflow-y": "auto"
                });
            });
        }

    }

</script>
</body>
</html>